:host {
  display: table-header-group;
}

:host([sticky]) {
  position: sticky;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 3;
  transition: top 0.05s ease;
  box-shadow: 0 8px 16px 0 rgb(39 49 66 / 10%);
}

:host([sticky])::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  height: 1px;
  background: var(--bl-color-neutral-lighter);
}
